<template>
  <div>
    <!-- <navTop :headTitle="headTitle" :showBack="showBack" :bkParam="bkParam"></navTop>   -->
    <div class="payoff_con">
      <p class="payMes">{{showerrormsg}}</p>
      <p>￥<span class="money">{{je_sf}}</span></p>
      <p>
        <nuxt-link :to="{path:'/chufang/prescribeRecord'}" tag="span">查看订单</nuxt-link>|
        <nuxt-link :to="{path:'/wode/wode'}" tag="span">返回我的</nuxt-link>
      </p>
    </div>
  </div>
</template>
<script scoped>
import navTop from '~/components/common/navTop';

export default {
  data() {
    return {
      showBack: false,
      bkParam: 'bk',
      headTitle: '',
      prescribeInfo: JSON.parse(this.$route.query.prescribeInfo),
      showerrormsg: this.$route.query.payMessage || '支付结果信息',
      payResult: this.$route.query.payResult || '支付结果',
      je_sf: this.$route.query.je_sf || '0.00',
    };
  },
  components: {
    navTop,
  },
  methods: {
    paystatus() {
      if (this.payResult) {
        this.headTitle = '支付成功';
      } else {
        this.headTitle = '支付失败';
      }
    },
  },
  created() {
    this.paystatus();
    this.$root.showfooter = false;
    console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaa===' + this.$route.query.prescribeInfo);
  },
  destroyed() {
    this.$root.showfooter = true;
  },
};
</script>
<style>
body {
  background-color: #f1f1f1;
}
.payoff_con {
  /* margin-top: 2.8rem; */
  background: #fff;
}
.payMes {
  background: #fff;
  font-size: 0.9rem;
  text-align: center;
  line-height: 2rem;
  color: #333;
  font-family: "Microsoft Yahei";
  margin-bottom: 0;
  background-color: #ffffe0;
  border: 1px solid #f1f1f1;
}
.payoff_con p:nth-child(2) {
  background: #fff;
  font-size: 0.9rem;
  text-align: center;
  line-height: 3rem;
  color: #ffb90f;
  font-family: "Microsoft Yahei";
}
.payoff_con .money {
  font-size: 1.5rem;
  font-weight: bold;
}
.payoff_con p:last-child {
  line-height: 3rem;
  font-family: "Microsoft Yahei";
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ddd;
  font-size: .8rem;
}
.payoff_con p:last-child span {
  margin: 0 2.5rem;
  color: #333;
}
</style>

